
export interface Article {
  id: string,
  name: string,
  url: string,
  // 用于归纳为一系列文章
  topic?: string,
  topic_index?: number,
  // 例如 干货、闭包、react等、
  label?: string[],
  // 分类：例如 js、react、情感、闲聊等
  type: string,
  time: number | string,
  isPay: boolean
}

enum Topic {
  JS = 'JavaScript',
  HTML = 'HTML',
  CSS = 'CSS',
  REACT = 'React',
  VUE = 'VUE',
}

export const typeIcon = {
  React: { key: 'react', bgColor: '#2292d9' },
  HTML: { key: 'html', bgColor: 'red' }
}

const articles: Array<Article> = [
  {
    id: '0001',
    name: '我要写一本关于React的书，你要来看看吗',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649866617&idx=1&sn=9854999eeddb4191e44e5a0e1d488f34&chksm=f3e590eac49219fc296c9eeaaeb73be018963f43529caee25577b1976fbae4ecf3b55804ebc7&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    topic_index: 1,
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2021-04-29 17:31',
    isPay: false,
  }, {
    id: '0002',
    name: 'React 知命境（一）书名由来',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649866642&idx=1&sn=fa2bbefd435e9509327516edae7d4ccd&chksm=f3e59001c49219177d35d14dd409de8dac8264fb87826d1c0b0ef03c1929c9fcf169183a5ba0&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2021-05-03 11:00',
    isPay: false,
  },
  {
    id: '0003',
    name: '重启更新计划说明',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649866979&idx=1&sn=764df2e15a05799e1cbcc65271f1c41e&chksm=f3e59370c4921a66863ed44cf54abb03c301a4147ca4d21053a78aec049f523e1a30abb8db86&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-09 08:00',
    isPay: false,
  },
  {
    id: '0004',
    name: 'React 哲学',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867007&idx=1&sn=6443ff970cd077bbb50de74ce84afa06&chksm=f3e5936cc4921a7aba3fbf748b2f5a40369d8be7b6b2acf618f0701f477abea48b00e953165e&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-10 00:00',
    isPay: true,
  },
  {
    id: '0005',
    name: '领悟React哲学后开发效率有多高？今晚直播让你感受一下',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867023&idx=1&sn=b6e6758759dab8616e02e90865e4959b&chksm=f3e5929cc4921b8a37754c357bb4d0f845f937e08e4ac9e2d26828a22715ac7b42b20e87d3bb&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-10 00:00',
    isPay: false,
  },
  {
    id: '0006',
    name: '初识package.json，两个重要字段不能忽略',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867033&idx=1&sn=1c6f721f720c895f2b5a18635c5f7793&chksm=f3e5928ac4921b9c409f9c8ec27e341a1ddc921d297cb941b928aaa577a0e7c468b1e44df592&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-13 09:00',
    isPay: false,
  },
  {
    id: '0007',
    name: '很基础但很重要，React 元素本质',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867038&idx=1&sn=7b10534b6d0f81252bbcf8d892f84b1e&chksm=f3e5928dc4921b9b7ff91c3bd51334ae35e26b2fb37dc00277b693d8656dd29e4ecade60a106&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-14 00:00',
    isPay: false,
  },
  {
    id: '0008',
    name: '升维学习，React hooks 答疑直播公告',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867047&idx=1&sn=1ad5ee6ab50d19c304f74b70c6d8637d&chksm=f3e592b4c4921ba27682b75084447d3cdb455dbcb817b5e3f81a41ff65e9a2f9da9686bc151f&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-15 07:30',
    isPay: false,
  },
  {
    id: '0009',
    name: '实战为王，从零封装 Icon 组件',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867056&idx=1&sn=beb0641ef3709094d8e9bd41e5348795&chksm=f3e592a3c4921bb5adafe23d5442b359ad4d7304ff1c5080927dfc1ae823461038ad614af3d1&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-16 00:00',
    isPay: false,
  },
  {
    id: '0010',
    name: '这个知识点，是React的命脉',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867062&idx=1&sn=0654958f9e21a99059a8423b4e609793&chksm=f3e592a5c4921bb345b75203204cb3342b387a8edd087090c1ac4fb24790a43c6f13e9a1e8a4&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-17 00:00',
    isPay: false,
  },
  {
    id: '0011',
    name: '这个 hook api，是 useState 的双生兄弟',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867195&idx=1&sn=29ce07635f4e604255f596180e820852&chksm=f3e59228c4921b3e20ec2dbd973ad2ead228342b96597256190382d0a01af20f4bd7a5bb051a&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-19 00:02',
    isPay: false,
  },
  {
    id: '0012',
    name: '实战！增删改查的不平凡',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867253&idx=1&sn=f4ce55deedc75c1cb9db584cff2c1f9d&chksm=f3e59266c4921b7070a3906f155a222277f641d230258f2ae51bc6dafdbf4db14c9a2d09eeb7&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-21 23:10',
    isPay: false,
  },
  {
    id: '0012',
    name: '实战：思考如何拆分组件',
    url: 'https://mp.weixin.qq.com/s?__biz=MzI4NjE3MzQzNg==&mid=2649867260&idx=1&sn=0516718a28a019f204ead9ec96adaac7&chksm=f3e5926fc4921b79396082660feefb1204dd84d3bc7d904a1ade2eb05764e650e8f4aa01ebb1&scene=178&cur_album_id=1847080448879886336#rd',
    topic: 'React 知命境',
    label: ['react', 'javascript', '知命境'],
    type: Topic.REACT,
    time: '2022-04-22 08:30',
    isPay: false,
  },
]

export default articles